#barraLateral {
	position: static;
	margin-top: -3px;
	width: 100%;
	height: 810px;
	background-color: rgba(0,0,0,0.00);
}

#barraLateral ul {
	list-style: none;
	display: block;
	background-color:rgba(0,0,0,0.00);
	width:83%;
	position:static;
	
}
#barraLateral ul li {
	width: 120%;
	height: 50px;
	overflow: hidden;
	background-color:transparent;
	position:static;
	margin-left:-40px;
}

.barra {
	position: static;
	float:left;
	margin-top:0;
	height: 50px;
	width: 100%;
	background-color:#A8A7A4;
	text-decoration:none;
	color:white;
	display:block;
  text-align:left;
  padding-top:   15px;
  padding-left:20px;

}

#barraLateral ul li:hover .barra{
	background-color:#CCCCCC;
	color:#FC8E03;
	-webkit-transition:width .02s;
	-webkit-box-shadow: -1px 7px 17px -7px rgba(0,0,0,0.75);
	-moz-box-shadow: -1px 7px 17px -7px rgba(0,0,0,0.75);
	box-shadow: -1px 7px 17px -7px rgba(0,0,0,0.75);
}

#buscador{
	width:100%;
	height:50px;
	background-color:#9F9E9B;
	text-align:right;
	color:white;
	background-image:url(../imgenes/searchnegro.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	-webkit-transition: background-position .2s;
	outline:none;
}
#buscador:focus{
	background-color:#D0D0D0;

	
}

::-webkit-input-placeholder{
	text-align:right;
	padding-right:20px;
	color:#FBF8F8;
	font-size:15px;
}

